<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="utf-8">
  <title>1vs1</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="description">
  <meta content="" name="author">

  <link href="css/style.css" rel="stylesheet">
</head>
<body>   
  <header>
    <img src="asset/header.jpg" />
  </header>
  
  <div class="container">    
    <div class="block">
      <img src="asset/1.jpg" />
      <p>1.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in dui velit.</p>
    </div>
    <div class="block">
      <img src="asset/2.jpg" />
      <p>2.Proin mollis, dui eget tristique dictum, diam purus hendrerit urna, lacinia interdum sem justo sit amet justo.</p>
    </div>
    <div class="block">
      <img src="asset/3.jpg" />
      <p>3.Quisque sed nulla odio, at interdum diam.</p>
    </div>
    <div class="block">
      <img src="asset/4.jpg" />
      <p>4.Sed nulla odio, at interdum diam.</p>
    </div>
    <div class="block">
      <img src="asset/5.jpg" />
      <p>5.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in dui velit.</p>
    </div>
    <div class="block">
      <img src="asset/6.jpg" />
      <p>6.Proin mollis, dui eget tristique dictum, diam purus hendrerit urna, lacinia interdum sem justo sit amet justo.</p>
    </div>
    <div class="block">
      <img src="asset/7.jpg" />
      <p>7.Quisque sed nulla odio, at interdum diam.</p>
    </div>
    <div class="block">
      <img src="asset/8.jpg" />
      <p>8.Sed nulla odio, at interdum diam.</p>
    </div>
    <div class="block">
      <img src="asset/9.jpg" />
      <p>9.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in dui velit.</p>
    </div>
    <div class="block">
      <img src="asset/10.jpg" />
      <p>10.Proin mollis, dui eget tristique dictum, diam purus hendrerit urna, lacinia interdum sem justo sit amet justo.</p>
    </div>
    <div class="block">
      <img src="asset/11.jpg" />
      <p>11.Quisque sed nulla odio, at interdum diam.</p>
    </div>
    <div class="block">
      <img src="asset/12.jpg" />
      <p>12.Sed nulla odio, at interdum diam.</p>
    </div>
  </div>
  
  <script>
    // Sau khi toàn bộ trang được load (bao gồm cả hình ảnh) , xử lý Dynamic Grid Layout 
    window.onload = function() {
      setupBlocks();
      $(window).resize(setupBlocks);
	};
  </script>
  <script src="js/jquery-1.10.2.js"></script>
  <script src="js/dynamic.grid.js"></script>
  <script src="js/ajax.load.data.js"></script>
  
</body>
</html>